import React, {Component} from 'react';
import Paper from 'material-ui/Paper';
import RaisedButton from 'material-ui/RaisedButton';

import CONFIG from '../../config';
import { Styles } from '../../styles';

export default class Page404 extends Component {
  constructor(props) {
    super(props);
  }

  render() {
  	return (
      <div className={Styles.wrapper} style={{backgroundColor: '#f5f8fa'}}>
        <div className={'center-box'}>
          <div style={styles.content}>
            <img src='images/404_str.png' className="img-responsive center-block" style={{width: '72%'}} />
            <img src='images/404_page.png' className="img-responsive center-block" />
            <RaisedButton
              label='返回首页'
              style={{
                width: 123,
                margin: 'auto',
              }}
              secondary={true}
              onTouchTap={this.props.router.replace.bind(this, '/i')}
            />
          </div>
        </div>
      </div>
  	);
  }
};

const styles = {
  content: {
    color: '#E91E63',
    backgroundColor: '#f5f8fa',
    minHeight: 100,
    margin: 'auto'
  },
};